<!DOCTYPE html>    
<html lang="zh-CN">    
<head>    
    <meta charset="UTF-8">    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
    <title>京东逛好店</title>    
    <style>    
        body {    
            font-family: Arial, sans-serif;    
        }    
    
       
        .outer-container {    
            width: 300px;    
            margin: 20px auto;    
            border: 1px solid #ccc;   
            padding: 20px;    
        }    
    
        h1 {    
            color: black;    
            font-size: 24px;    
            display: flex;    
            align-items: center;    
        }    
    
        h1 span {    
            margin-left: 5px;    
            transition: background-color 0.3s ease;    
        }    
    
        h1:hover span {    
            background-color: red;    
            color: white;    
        }    
    
         
        .store-box {    
            border: 1px solid #ccc;    
            padding: 10px;    
            margin-bottom: 20px;    
        }    
    
        .store-content {    
            display: flex;    
            justify-content: space-between;    
            align-items: center;    
        }    
    
        .store-name {    
            font-weight: bold;    
            color: #4a90e2;    
        }    
    
        .store-followers {    
            color: gray;    
        }    
    
        .store-box-1 {    
            background-color: #ffe4e1;   
        }    
    
        .store-box-2 {    
            background-color: #f0f8ff;   
        }    
    
        .self-operated {    
            color: red;    
            font-size: 20px;  
            margin-top: 10px; 
        }  
        .store-name {  
    font-weight: bold;  
    color: black;
}
    
        img {    
            max-width: 130px;    
            height: auto;    
        }    
    </style>    
</head>    
<body>    
  
    <div class="outer-container">    
        <h1>逛好店 <span>&gt;</span></h1>    
    

        <div class="store-box store-box-1">    
            <div class="store-content">    
                <div>    
                    <p class="store-name">贝恩施京东自营官方旗舰店</p>    
                    <p class="self-operated">自营</p>  
                    <p class="store-followers">277.9万人关注</p>    
                </div>    
                <img src="1.jpg" alt="贝恩施商品图片">    
            </div>    
        </div>    
    
   
        <div class="store-box store-box-2">    
            <div class="store-content">    
                <div>    
                    <p class="store-name">美宝莲京东自营官方旗舰店</p>    
                    <p class="self-operated">自营</p>  <!-- 添加自营标签 -->  
                    <p class="store-followers">192.9万人关注</p>    
                </div>    
                <img src="2.jpg" alt="美宝莲商品图片">    
            </div>    
        </div>    
    </div>    
    <!-- 大盒子结束 -->    
</body>    
</html>